<template>
    <div id="fef8c6f13590742b490e3b2eb5dc674da">
        <h1>{{title}}</h1>
        <h2>{{oldMessage}}</h2>
        <h3>{{message}}</h3>
        <!--include next -->
        <oui-include url="/res_apps/test/includeNext/4.vue.html" ref="f07b30086d88942f793146c09cb4ec058" type="module" data="includeData"></oui-include>
    </div>
</template>
<script>
    exports = {
        templateType:'vue',
        data: function () {
            return {

                message:'第20个 vue 组件显示',
                oldMessage:'第20个 vue 组件显示',
                title:'Welcome to 40',
                includeData:{
                    message:''
                }
            }
        },
        mounted:function(){
            this.message="第20个 vue 组件 mounted"+",耗用时间:"+(new Date()-oui.router.startTime)+"ms";
        }
    }
</script>

<style>
    #fef8c6f13590742b490e3b2eb5dc674da {
        font-size: 12px;
        color:#599cc3;
        background:#c4b852;
    }
</style>

